<template>
  <div id="ServiceDetail">
    <div class="banner container-fuild text-center">创新中心</div>
    <div class="container">
      <div class="row">

        <div id="left" class="col-md-4 col-xs-12">
          <ul class="left-container wow bounceInLeft">
            <p>华南理工大学产研结合</p>
            <li v-for="(item, index) in softwareList" :key="index">
              <router-link :to="item.path">{{ item.name }}</router-link>
            </li>
          </ul>
        </div>




        <!-- <div class="col-xs-12 col-sm-12 col-md-3" id="myScrollspy">
          <ul class="nav nav-tabs nav-stacked center-block" id="myNav">
            <p>华南理工大学产研结合</p>
            <li
              :class="item.id == id ? 'active' : ''"
              v-for="(item, index) in serviceNavList"
              :key="index"
            >
              <a href="javascript:;" @click.stop="toSection(item.id)">{{
                item.title
              }}</a>
            </li>
          </ul>
        </div> -->
        <div class="col-xs-12 col-sm-12 col-md-9 content wow zoomIn">
          <div class="acti">
            <div class="titles">
              <h1 class="h1">
                技术创新与研发
              </h1>
              <div class="infor">
                <!-- <span>时间：2024-12-28</span>
                <span>作者：鼎盛智造</span>
                <span style="display: none">阅读数：3695</span>
                <span style="display: none">分享</span> -->
              </div>
            </div>
          </div>

          <div class="text">
            <div class="words">
              <p class="paragraph">
                <span>
                  在医疗器械领域的浩瀚星空中，我们公司怀揣着变革医疗服务模式的愿景，携手学术巨擘华南理工大学，踏上了远程超声机器人这一极具开创性的研发征程。这一征程，是对前沿科技的无畏探索，更是用智慧与汗水堆砌起守护生命健康的壁垒。
                </span>
              </p>
              <p class="paragraph">
                <br />
              </p>
              <!-- <p class="image">
                <img :src="service2" alt="服务" />
              </p>
              <p class="image">
                <span>
                  2024公立医院绩效考核思考汇会议成功召开
                </span>
              </p> -->
              <!-- <p class="paragraph">
                <br />
              </p> -->
              <!-- <p class="image">
                <img :src="service3" alt="服务" />
              </p>
              <p class="image">
                <span>
                  2024公立医院绩效考核思考汇会议签到
                </span>
              </p> -->
              <p class="paragraph">
                <span>
                  超声成像技术，作为远程超声机器人的核心“眼睛”，从研发伊始就被置于革新的熔炉。传统超声成像受限于探头材质与波束形成算法，分辨率与穿透深度往往难以两全其美，成像质量在复杂病症面前常显得力不从心。我们的联合科研团队深度钻研材料科学的前沿成果，盯上了具有卓越压电性能的纳米复合材料。这类材料被巧妙融入超声探头，凭借其超高的压电常数，电能与机械能转换效率实现质的飞跃，超声波发射更为强劲、均匀，接收的回波信号丰富且清晰，让成像分辨率一下子跃入新层级，过去隐匿在模糊影像中的微小病灶、精细血管，如今都能精准捕捉。
                </span>
              </p>
              <p class="paragraph">
                <br />
              </p>
              <!-- <p class="image" >
                <img :src="service4" alt="服务" />
              </p>
              <p class="image">
                <span>
                  2024公立医院绩效考核思考汇会议现场
                </span>
              </p> -->
              <p class="paragraph">
                <span>
                  为攻克复杂人体组织下成像的难题，自适应波束形成算法应运而生。它犹如一位智能领航员，能实时感知组织声学特性的变化，动态调整超声波束的聚焦与指向，不管是致密的骨骼周边，还是充满气体干扰的肠道区域，都能输出锐利、真实的影像画面，极大拓展了超声诊断的“视野”。
                </span>
              </p>
              <p>
                <br />
              </p>
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  机械臂，作为远程操作的关键执行部件，承载着将专家手部动作精准复刻的重任。华南理工大学机械工程学院的科研骨干，引入仿生学设计灵感，从人体手臂的骨骼架构、肌肉发力原理中汲取智慧。机械臂关节模拟人体关节的自由度与活动范围，搭配上高扭矩密度的微型电机与高精度编码器，每一个动作指令都能被精确执行，毫米级的细微操作不在话下。而且，团队自主研发的力反馈系统堪称一绝，它能实时捕捉机械臂与人体接触时的力学变化，通过传感器转化为细腻的震动与阻力反馈给远程操控医生，指尖触感仿佛直接触碰患者肌肤，操作手感达到了空前的逼真度。
                </span>
              </p>
              <p>
                <br />
              </p>
              <!-- <p class="image" >
                <img :src="service1" alt="服务" />
              </p>
              <p class="image" >
                <span style="font-size: 16px; font-family: SimSun">
                  我司骨干团队参会留念
                </span>
              </p> -->
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  人工智能与大数据更是这场研发盛宴中的“魔法调料”。海量的超声影像数据被收集起来，投喂进深度学习模型，模型在无数次迭代训练中“学会”精准识别各类病变特征，从常见的肝囊肿、胆结石，到罕见的软组织肿瘤，诊断速度远超人工筛查，准确性也稳步提升。智能辅助诊断系统不仅能标记病灶，还能结合病例库给出初步的病情分析与诊疗建议，为经验尚浅的基层医生点亮诊断思路。
                </span>
              </p>
              <p>
                <br />
              </p>
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  软件交互层面同样精雕细琢。简洁直观的操作界面，让医生无需漫长培训就能上手；跨平台的适配性，使得手机、平板也能成为远程诊断的“移动诊室”；云端存储与实时数据共享，打破医院科室间的信息孤岛，让多学科会诊瞬间响应，协同作战攻克疑难病症。这场技术创新与研发的征途，正一步步将远程超声机器人雕琢成医疗界的智能利器，重塑超声诊断的未来版图。
                </span>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup name="InnovationDetail1">
import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import WOW from 'wow.js'

import service1 from '@/assets/img/2024_hospital_1.jpg'
import service2 from '@/assets/img/2024_hospital_2.jpg'
import service3 from '@/assets/img/2024_hospital_3.jpg'
import service4 from '@/assets/img/2024_hospital_4.jpg'

const id = ref('section-1')

const softwareList = [
  {
    name: '技术创新与研发',
    path: '/InnovationDetail1'
  },
  {
    name: '临床应用的成功案例',
    path: '/InnovationDetail2'
  },
  {
    name: '远程诊疗的突破',
    path: '/InnovationDetail3'
  },
  {
    name: '提高医疗服务可及性',
    path: '/InnovationDetail4'
  },
]
const route = useRoute()

onMounted(() => {
  // console.log('route：', route, route.params, route.query)
  // console.log('history.state：', history.state)

  // console.log(id.value, 'pp')

  var wow = new WOW()
  wow.init()
})
</script>

<style scoped>
#left {
  margin: 50px 0;
  display: none;
}

.left-container {
  width: 60%;
  margin: 0 auto;
  border: 1px solid #474747;
  border-radius: 5px;
}

.left-container>p {
  text-align: center;
  line-height: 45px;
  padding: 0;
  margin: 0;
  background: #474747;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.left-container>li {
  text-align: center;
  height: 38px;
  line-height: 38px;
  margin: 0;
  border-top: 1px solid #474747;
}

.left-container>li>a {
  text-decoration: none;
}

.left-container>li:hover {
  background: #928989;
}

@media screen and (max-width: 768px) {

  #left {
    display: block;
  }

}

.banner {
  color: #fff;
  font-size: 30px;
  height: 150px;
  line-height: 150px;
  background-image: url('../assets/img/banner_2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
}

@media (min-width: 992px) {
  .col-md-9 {
    width: 100%;
  }
}

.acti .titles {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}

.acti .titles .h1 {
  font-size: 30px;
  color: #222;
  font-weight: bold;
  margin-bottom: 18px;
}

.acti .titles .infor {
  text-align: center;
}

.acti .titles .infor>span {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin: 0 32px;
}

.text {
  padding-bottom: 73px;
  /* margin-bottom: 24px; */
  margin-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
}

.words {
  font-size: 16px;
  color: #333;
  line-height: 36px;
}

.words .paragraph {
  text-align: justify;
  font-size: 18px;
  font-family: "SimSun";
}

img {
  display: inline-block !important;
  border-style: none;
  vertical-align: middle;
  max-width: 100%;
}

p {
  display: block;
  /* margin-block-start: 1em;
  margin-block-end: 1em; */
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;

}

.text .words .image {
  text-align: center;
  font-size: 16px;
  font-family: "SimSun";
  display: flex;
  justify-content: center;
}
</style>
